---
import PocketBase from 'pocketbase';

const url = 'https://autoreport.site:8888/api/files/eo6yu3ejwzi4296'
const pb = new PocketBase('https://autoreport.site:8888');

const records = await pb.collection('company').getFullList({
  sort:"-created",
})
const CompanyList = records.map((item: any) => {
  return {
    title: item.title,
    content: item.content,
    img: `${url}/${item.id}/${item.img}`,
  }
})
---

<div class="w-full h-[550px] pt-[60px] px-[10%] mb-[40px]">
  <h1 class="text-[40px] text-[#333] font-[500] m-0 mb-[13px]">お客様紹介</h1>
  <div class="my-[60px] relative flex">
    {
      CompanyList.map((item: any) => (
        <div class="pl-[10px] pr-[10px]">
          <img
            src={item.img}
            alt="图片"
            class="vertical-align-middle overflow-clip w-[100%]"
          />
        </div>
      ))
    }
  </div>
</div>
